Deneb Alexandra Gutiérrez Rodríguez

25 Web Design terms

This glossary presents 25 graphic design terms focused on ​​Web Design

Bootstrap / Bootstrap

Noun

It is a multiplatform that contains a set of open-source tools for designing web sites and applications.

Example: Bootstrap is one of the best known and most widely used open-source CSS frameworks in the world of web development. / Bootstrap es uno de los frameworks CSS de código abierto más conocidos y más utilizados en el mundo del desarrollo web.

en: Es una multiplataforma que contiene un conjunto herramientas de código abierto para diseño de sitios y aplicaciones web.

Dark mode / Modo oscuro

Noun

It is an aspect that changes the colors of the windows or texts, making everything appear darker.

Example: More and more users are considering using dark mode as an alternative to brightly lit screens. / Cada vez más usuarios consideras usan el modo oscuro como una alternativa a las pantallas con luz radiante.

en: Es un aspecto que cambia los colores de las ventanas o textos, haciendo que todo parezca más oscuro.

Figma / Figma

Noun

Is a prototyping tool for mobile applications and webs.

Example: Last semester we designed a mobile app with the figma tool. / El semestre pasado diseñamos una aplicación móvil con la herramienta de figma.

en: Es una herramienta de generación de prototipos para aplicaciones móviles y webs.

Flat Design / Diseño plano o sencillo

Noun

It is the design thought in the functionality, it does not have great visual impact.

Example: Pages with a simple layout load faster. / Las páginas con un diseño sencillo cargan más rápidamente.

en: Es el diseño pensado en la funcionalidad, no tiene gran impacto visual.

Fluid layout / Diseño fluido

Noun

It is when the elements are designed in such a way that they occupy a portion of the total width of the screen.

Example: The fluid layout is very useful for web designers because it adapts to all types of screens. / El diseño fluido es muy útil para los diseñadores web debido a que se adapta a todos los tipos de pantallas.

en: Es cuando los elementos son diseñados de tal manera que ocupen una porción del ancho total de la pantalla.

Hamburger menu / Menú hamburguesa

Noun

It is an element that stores other elements inside so that the design is much more practical on small screens.

Example: My mobile application has a hamburger menu in the upper left. / Mi aplicación móvil tiene un menú hamburguesa en la parte superior izquierda.

en: Es un elemento que guarda en su interior otros elementos para que el diseño sea mucho más práctico en pantallas pequeñas.

Hidden navigation / navegación oculta

Noun

These are elements that work like a menu, when in fact they are not, that is, an image, icon or button can be displayed and linked to other elements or parts of the site.

Example: Hidden navigation is very useful when you want to present a lot of information on a web page. / La navegación oculta resulta muy útil cuando quieres presentar mucha información en una página web.

en: Se trata de elementos que funcionan como un menú, cuando en realidad no lo son, es decir, una imagen, icono o botón se puede mostrar y enlazar con otros elementos o partes del sitio.

Hover effect / efecto hover

Noun

Is the alteration of the appearance of a component of the graphical interface once the mouse is placed on it, even if it has not been selected.

Example: The hover effect is one of the most used if you want to style your website. / El efecto hover es uno de los más utilizados si le quieres dar estilo a tu página web.

en: Es la alteración del aspecto de un componente de la interfaz gráfica una vez que se posa el ratón sobre él, aunque no haya sido este seleccionado.

Hybrid app / App híbrida

Noun

They are apps capable of running on different mobile operating systems.

Example: A disadvantage of hybrid apps is that they limit the speed and integration of hardware devices. / Una desventaja de las apps híbridas es que limitan la velocidad y la integración de los dispositivos hardware.

en: Son apps capaces de funcionar en distintos sistemas operativos móviles.

Image resolution / Resolución de imágenes

Noun

Height by width specifications shown in pictures.

Example: The image resolution for my website is 1200 x 1200 px. / La resolución de imagen para mi página web es de 1200 x 1200 px.

en: Especificaciones de alto por ancho que muestran las imágenes.

Information architecture / arquitectura de la información

Noun

Is in charge of the study and analysis of the information. Organizing and structuring it in contained spaces, making it easier for users to find the information.

Example: The practice of information architecture is based on the creativity, experience and intuition of the user. / La práctica de la arquitectura de la información se basa en la creatividad, experiencia e intuición del usuario.

en: Se encarga en el estudio y análisis de la información. Organizándola y estructurándola en espacios contenidos, haciendo que sea más fácil a los usuarios encontrar la información.

Interface / Interfaz

Noun

It is the functional connection between two systems, programs or devices that work independently of each other.

Example: The user interface helps to establish a connection between the user and the application. / La interfaz de usuario ayuda a establecer una conexión entre el usuario y la aplicación.

en: Es la conexión funcional entre dos sistemas, programas o dispositivos que trabajan de manera independiente el uno del otro.

Kerning / Interletrado

Noun

Refers to the space between letters in the same Word.

Example: The interleading is useful to achieve that the content achieves a better aesthetic and is more pleasant to read. / El interletrado es útil para lograr que el contenido logre una mejor estética y que sea más agradable para la lectura.

en: Se refiere al espacio entre letras en una misma palabra.

Link / Enlace

Noun

It is an element that, in a digital document, establishes a link with another resource.

Example: Tomorrow I will give you the link of the online class so that you can connect. / Mañana te paso el enlace de la clase en línea para que te conectes.

en: Es un elemento que, en un documento digital, establece un vínculo con otro recurso.

Native app / App nativa

Noun

This is the name given to the applications that are developed for a specific team or platform.

Example: One of the advantages of native apps is that they allow short response times and without occupying an internet connection. / Una de las ventajas que presentan las apps nativas es que permiten tiempos de respuesta cortos y sin ocupar conexión a internet.

en: Son aquellas aplicaciones que están desarrolladas para un equipo o plataforma determinada.

Neomorphism / Neomorfismo

Noun

It is a new form of graphic representation of reality for digital support, because it brings realism to web page designs.

Example: Neomorphism is a trend in web design that brings movement to web pages that have flat card-based designs. / El Neomorfismo es una tendencia en diseño web que aporta movimiento a las páginas web que tienen diseños planos basados en tarjetas.

en: Se trata de una nueva forma de representación gráfica de la realidad para soporte digital, debido a que aporta realismo a los diseños de páginas web.

OS / Sistema Operativo

Noun

It is the main software that coordinates and directs all the services and applications used on a computer or device.

Example: My computer's operating system is very fast. / El sistema operativo de mi computadora es muy rápido.

en: Es el software principal que coordina y dirige todos los servicios y aplicaciones que utiliza el usuario en una computadora o dispositivo.

Parallax effect / efecto de paralaje

Noun

Effect that consists of the background moving at a different speed than the rest of the content.

Example: The parallax is another of the effects that are fashionable in web design. / El parallax es otro de los efectos que están de moda en diseño web

en: Efecto que consiste en el que el fondo se mueva a una velocidad diferente al resto del contenido.

Responsive layout / Diseño responsivo

Noun

This layout adapts by screen and can change how items appear based on a range of screen.

Example: Responsive or Adaptive Web design is born from fluid design. / El diseño Web Responsive o Adaptive nace a partir del diseño fluido.

en: Este diseño se adapta según la pantalla y puede cambiar como se ven los elementos según un rango de pantalla.

URL / localizador uniforme de recursos

Noun

It means uniform resource locator and refers to the unique address that identifies a web page on the Internet.

Example: Yesterday I passed you the URL of my official website. / Ayer te pase el URL de mi página web oficial.

en: Significa localizador uniforme de recursos y se refiere a la dirección única que identifica una página web en Internet.

User / Usuario

Subject

In computer science, it is the person who uses a service or program linked to the internet.

Example: The type of user the app is aimed at is teenage boys. / El tipo de usuario al que va dirigido la app es a chicos adolescentes.

en: En informática, es la persona que utiliza algún servicio o programa ligado al internet.

User experience (UX) / Experiencia de usuario

Noun

It is the set of interactions that the user carries out with a product.

Example: A good user experience helps to increase the level of user satisfaction, which generates companies to increase their sales. / Una buena experiencia de usuario ayuda a incrementar el nivel de satisfacción del usuario, lo que genera a las empresas a subir sus ventas.

en: Es el conjunto de interacciones que el usuario lleva a cabo con un producto.

User interface (UI) / Interfaz del usuario

Noun

It is the medium through which interactions between the user and the device take place.

Example: This application has a user interface design that is very easy to use. / Esta aplicación tiene un diseño de interfaz de usuario muy fácil de utilizar

en: Es el medio a través del cual se producen las interacciones entre el usuario y el dispositivo.

Web app / Aplicación Web

Noun

It is a website designed for perfect viewing on mobile devices, since, It is a web designed in an application that works as a browser.

Example: A web app allows the use of responsive web design, which means that it adapts to all devices. / Una web app permite utilizar responsive web design, lo que quiere decir que se adapta a todos los dispositivos.

en: Es una web diseñada para su perfecta visualización en dispositivos móviles, ya que se trata de una web diseñada en una aplicación que funciona como navegador.

Web usability

Noun

Refers to the ease of use that a web page or application has.

Example: The importance of web usability lies in how it makes it easier for the user to use an application. / La importancia de la usabilidad web radica en como esta facilita al usuario la manera de usar una aplicación.

en: Se refiere a la facilidad de uso que tiene una página o aplicación web.